﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="renderer" content="webkit" />
    <meta name="x5-fullscreen" content="yes" />
    <meta name="full-screen" content="yes" />
    <title>Title</title>
    <link href="../../css/base/reset.css" rel="stylesheet" />
    <link href="../../css/base/base.scss" rel="stylesheet" />
    <!--<link href="css/fonts/icomoon/style.css" rel="stylesheet" />-->
    <link href="../../plugins/modal/modal.css" rel="stylesheet" />
    <!--<link href="../../plugins/swiper3/swiper.min.css" rel="stylesheet" />-->
    <link href="../../css/struct/custom.scss" rel="stylesheet" />
    <link href="../../css/struct/layout.scss" rel="stylesheet" />
    <link href="../../css/theme/brilliance/style.scss" rel="stylesheet" />
    <style>
        .panel{
            position: relative;
            overflow: hidden;
        }
        .list-corner .panel-head{
            padding-right: 50px;
        }
        .notice{
            font-size: 14px;
            margin: -10px 0 10px 0;
        }
        .list .panel-body{
            position: relative;
        }
        .list .panel-body .align-right button{
            position: absolute;
            top: 0;
            right: 20px;
            bottom: 0;
            margin: auto;
        }
        @media all and (max-width: 320px) {
            .list > li .panel-body > div{
                float: none;
                text-align: left !important;
            }
            .list > li .panel-body > .align-right{
                margin-top: 10px;
            }
            .list .panel-body .align-right button{
                position: static;
            }
        }
    </style>
</head>
<body>
    <div class="background bg1"></div>
    <div class="wrapper">
        <div class="banner">
            <img src="../../images/brilliance/banner.jpg" />
        </div>
        <div class="container" role="main">
            <div class="notice clearfix">
                <div class="align-left">
                    <i class="icomoon icon-notice"></i>
                    <span>本次测评共分3套考卷</span>
                </div>
                <div class="align-right">
                    <a href="javascript:;" class="text-theme underline">查看测评报告</a>
                </div>
            </div>
            <ul class="list list-corner no-border no-gap">
                <li>
                    <div class="panel panel-theme">
                        <div class="panel-head">测试时间</div>
                        <div class="panel-body clearfix small">
                            <div class="align-left">
                                开考时间：2016/08/31 12:00<br>
                                结束时间：2016/08/31 12:00<br>
                                答题时长：30分钟
                            </div>
                            <div class="align-right">
                                <!--<button type="button" class="btn btn-xs btn-border">继续测评</button>-->
                            </div>
                        </div>
                        <div class="corner corner-default">
                            <div class="corner-wrapper corner-text">
                                <div>已完成</div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="panel panel-theme">
                        <div class="panel-head">测试时间</div>
                        <div class="panel-body clearfix small">
                            <div class="align-left">
                                开考时间：2016/08/31 12:00<br>
                                结束时间：2016/08/31 12:00<br>
                                答题时长：30分钟
                            </div>
                            <div class="align-right">
                                <button type="button" class="btn btn-xs btn-border btn-warning">继续测评</button>
                            </div>
                        </div>
                        <div class="corner corner-success">
                            <div class="corner-wrapper corner-text">
                                <div>进行中</div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="panel panel-theme">
                        <div class="panel-head">测试时间</div>
                        <div class="panel-body clearfix small">
                            <div class="align-left">
                                开考时间：2016/08/31 12:00<br>
                                结束时间：2016/08/31 12:00<br>
                                答题时长：30分钟
                            </div>
                            <div class="align-right">
                                <button type="button" class="btn btn-xs btn-border btn-primary">进入测评</button>
                            </div>
                        </div>
                        <div class="corner corner-success">
                            <div class="corner-wrapper corner-text">
                                <div>进行中</div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="modalReminder" class="modal-wrapper">
        <div class="modal-container modal-lg">
            <div class="modal-body">
                <div class="text-center">
                    <img class="margin-bottom-5" src="../../images/brilliance/reminder.png" style="width: 45px; min-height: 55.5px;" />
                    <div class="text-theme margin-bottom-20">温馨提示</div>
                    <div>只有完成所有试卷，才能查看本次评测报告哦，去首页完成其他试卷</div>
                </div>
            </div>
            <div class="modal-foot">
                <button type="button" class="btn btn-theme" data-dismiss="modal">好</button>
            </div>
        </div>
    </div>
    <script src="../../js/jquery/jquery-1.11.2.js"></script>
    <script src="../../js/fastclick/fastclick.js"></script>
    <script src="../../plugins/modal/modal.js"></script>
    <!--<script src="../../plugins/swiper3/swiper.jquery.min.js"></script>-->
    <script src="../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#modalReminder").modal({
                backdropClose: false
            });
        })
    </script>
</body>
</html>